<template>
    <h3>表单输入绑定</h3>
    <form>
        <!-- 绑定单行文本框 -->
        <input type="text" v-model="message">
        <p>输入的值为：{{message}}</p>
        <!-- 绑定复选框 -->
         <!-- for和id的值一致 -->
         <input type="checkbox" id="checkbox" v-model="checked">
         <label for="checkbox">{{checked}}</label>
        <!-- v-model修饰符：.lazy:只有点击回车或搜索时才同步
                      .number：只获取数字 .trim：去掉前后空格 -->
    </form>
</template>

<script>
    export default{
        data(){
            return {
                message:"",
                checked:false,
            }
        }
    }
</script>